<template>
  <div id="app3">
    <div class="menu1">
      <div class="img">
        <!-- <img src="../assets/banner.jpg" alt="" /> -->
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "",
  props: [],
  data() {
    return {};
  },
  components: {},
  computed: {},
  beforeMount() {},
  mounted() {},
  methods: {},
  watch: {},
};
</script>
<style lang='less' scoped>
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
#app3 {
    height: 370px;
  .menu1 {
      height: 370px;
    .img {
      // width: 1400px;
      // margin: 0 auto;
     height: 370px;
      background-image: url("../assets/banner.jpg");
      background-repeat: no-repeat;
      background-position: center 0;
    //   img {
    //     text-align: center;
    //   }
    }
  }
}
</style>